{% extends "base.html" %}
{% load static %}

{% block base_links %}
  <link href="{% static 'authentication/css/base.css' %}" rel="stylesheet">
  <style>
    @keyframes background-low {
        0% {
            background-color: white;
        }
        50% {
            background-color: {{ low_color }};
        }
        100% {
            background-color: white;
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 0;
        }
        100% {
            opacity: {% if low %}{{ low_opacity }}{% else %}24%{% endif %};
        }
    }
  </style>
  {% block links %}{% endblock %}
{% endblock %}

{% block base_content %}
  <div class="background {% if low %}background-low{% else %}color-change{% endif %}"></div>
  <div class="authentication-content container">
  {% block content %}{% endblock %}
  <h1 class="display-1 faintly user-select-none">L</h1>
  </div>
{% endblock %}